<template>
  <div class="header">
		<div class="search">
    <van-icon @click="goHome" class="left" size='22px' name="wap-home-o" />
    值得买
    <div class="right">
      <van-icon @click="gotoSearch" size='22px' name="search" />
      <van-icon size='22px' name="cart-o" />
    </div>
  </div>
	</div>
</template>
<script lang="ts">
import { useRouter } from 'vue-router'
export default{
	name:'SearchI'
}
</script>
<script setup lang="ts">
  const router = useRouter()
  const gotoSearch=()=>{
    router.push('/search')
  }
  const goHome=()=>{
	router.push('/home')
  }
</script>

<style lang="less" scoped>
.header{
	width: 100%;
	background-color: #ddd;
	z-index: 99;
	.search{
	.left{
		margin-top: 10px;
	}
	width: 90%;
	height: 50px;
	margin: auto;
	display: flex;
	font-size: 20px;
	justify-content: space-between;
	line-height: 50px;
	.right{
		width: 70px;
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	}
}
}
</style>
